<template>
    <div id="app">
        <!-- 面包屑 -->
        <div id="breadcrumb_box">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item>辅助管理</el-breadcrumb-item>
                <el-breadcrumb-item><span id="current">个人信息</span></el-breadcrumb-item>
            </el-breadcrumb>
        </div>

        <el-card>
            <el-form id="personal_form" :model="update_info" :rules="personalRules" ref="personalFormRef">

                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="2">
                        <span style="font-size: 15px; line-height: 45px;">
                            <i class="el-icon-user-solid" aria-hidden="true"></i>
                            用户名：
                        </span>
                    </el-col>
                    <el-col :span="6">
                        <el-input v-model="user_info.userName" disabled>
                        </el-input>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="2">
                        <span style="font-size: 15px; line-height: 45px;">
                            <i class="el-icon-user" aria-hidden="true"></i>
                            真实姓名：
                        </span>
                    </el-col>
                    <el-col :span="6">
                        <el-input v-model="update_info.realName" @keyup.enter.native="modify_information()">
                        </el-input>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="2">
                        <span style="font-size: 15px; line-height: 45px;">
                            <i class="el-icon-location" aria-hidden="true"></i>
                            地址：
                        </span>
                    </el-col>
                    <el-col :span="8" :style="place1">
                        <!-- {{ update_info.address }} -->
                        <el-input v-model="update_info.address" disabled>
                        </el-input>
                    </el-col>
                    <el-col :span="15" :style="place2">
                        <place></place>
                    </el-col>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="2" :style="place1">
                        <el-button id="modify" @click="modify_place1()">修改地址</el-button>
                    </el-col>
                    <el-col :span="2" :style="place2">
                        <el-button id="modify" @click="modify_place2()">确认修改</el-button>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="2">
                        <span style="font-size: 15px; line-height: 45px;">
                            <i class="el-icon-phone" aria-hidden="true"></i>
                            电话：
                        </span>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item class="tel_box" prop="phone">
                            <el-input v-model="update_info.phone" @keyup.enter.native="modify_information()">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="3">
                        <span style="font-size: 15px; line-height: 45px;">
                            <i class="el-icon-s-tools" aria-hidden="true"></i>
                            用户管理权限：
                        </span>
                    </el-col>
                    <el-col :span="8">
                        <span style="font-size: 15px; line-height: 45px;">
                            {{ user_info.isUserManage }}
                        </span>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="3">
                        <span style="font-size: 15px; line-height: 45px;">
                            <i class="el-icon-s-tools" aria-hidden="true"></i>
                            货物管理权限：
                        </span>
                    </el-col>
                    <el-col :span="8">
                        <span style="font-size: 15px; line-height: 45px;">
                            {{ user_info.isGoodsManage }}
                        </span>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="3">
                        <span style="font-size: 15px; line-height: 45px;">
                            <i class="el-icon-s-tools" aria-hidden="true"></i>
                            库存管理权限：
                        </span>
                    </el-col>
                    <el-col :span="8">
                        <span style="font-size: 15px; line-height: 45px;">
                            {{ user_info.isInventoryManage }}
                        </span>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="1">
                        <div id="interval"></div>
                    </el-col>
                    <el-col :span="2">
                        <el-button icon="el-icon-check" id="submit" @click="modify_information()">
                            保存修改
                        </el-button>
                    </el-col>
                </el-row>
            </el-form>
        </el-card>
    </div>
</template>

<script src="../../assets/js/admin/personal_information.js">

</script>

<style scoped src="../../assets/css/admin/manage.css">
</style>
